﻿@{
    Layout = "";
}

<div id="divArea">
       
           <fieldset>
	        <legend >Selecionar Area</legend>
             Area: @Html.DropDownList("Areas")

           </fieldset>
    </div>
  <div id="divFecha" >
        <fieldset>
	    <legend >Delimitar por Fecha y Hora</legend>
         <table style="width: 100%">
            <tr>
                <td>
                    Fecha Inicio:</td>
                <td>
                    <input id="txtFechaInicio" type="text" /></td>
                    
                <td>
                    Hora Inicio:</td>
                <td>
                    <input type="text" style="width: 70px;" id="HoraInicio"  />
                   
                    </td>
            </tr>
            <tr>
                <td>
                    Fecha Fin:</td>
                <td>
                       <input id="txtFechaFin" type="text" />

                </td>
                <td>
                    Hora Fin:</td>
                <td>
                    <input type="text" style="width: 70px;" id="HoraFin"  />
                    </td>
            </tr>
        </table>
   </fieldset>
      
        <br />
    </div>
  <div id="divEstado">
        <fieldset>
	    <legend >Delimitar por Estado</legend>
        <table class="style1">

            <tr>

                <td class="style7">
                   @Html.RadioButton("grupEstados", "Enviados")Enviados</td>
                <td class="style8">
                   @Html.RadioButton("grupEstados", "Contestados")Contestados</td>
                <td>
                   @Html.RadioButton("grupEstados", "Pendiente")Pendiente</td>
                <td class="style9">
                   @Html.RadioButton("grupEstados", "T",true)Todos</td>
              
            </tr>
        </table>
        </fieldset>
        
    </div>   
  <div id="divbotones">       
      
        <script type="text/javascript">
            function InvocarReporte() {
                var id = $('#Areas').val();
                var fechaini = $('#txtFechaInicio').val() + ' ' + $('#HoraInicio').val();
                var fechafin = $('#txtFechaFin').val() + ' ' + $('#HoraFin').val();
                var estado = $('input[name="grupEstados"]:checked').val();

                $.getJSON("/Documento/VerReporte?idarea=" + id + '&fechaini=' + fechaini + '&fechafin=' + fechafin + '&estado=' + estado, function (data) {
                    //Muestra el iframe 
                    $('#reporte').html(data);
                });
            };

        </script>
    <input id="btnVistaPrevia" type="button" value="Vista Previa" class="button-style"  onclick="InvocarReporte();" />
    <div id="reporte">
    </div>

   
      
  </div>



   